<h2>Filtering</h2>

<section class="flex-xy-center" style="display:inline-flex">
  <fui-select [(ngModel)]="select" (ngModelChange)="fetchData(true)" style="width:100px">
    <fui-select-option *ngFor="let option of options" [value]="option.type">
      {{ option.type }}
    </fui-select-option>
  </fui-select>

  <fui-search placeholder="search..." [(ngModel)]="search" (ngModelChange)="fetchData(true)"></fui-search>
</section>

<section>
  <div *ngFor="let datum of data">
    <span>{{datum.name}}</span>
    <span>{{datum.type}}</span>
  </div>
</section>

<section>
  <fui-pagination [(pagination)]="pagination" (paginationChange)="fetchData()">
  </fui-pagination>
</section>
